import React from 'react';
import type { ModalSheetBodyProps } from './types';

/**
 * Modal Sheet Body 组件
 */
export const ModalSheetBody: React.FC<ModalSheetBodyProps> = ({
  className = '',
  style,
  children,
  scrollable = true,
}) => {
  const bodyClasses = [
    'modal-sheet__body',
    scrollable && 'modal-sheet__body--scrollable',
    className,
  ]
    .filter(Boolean)
    .join(' ');

  return (
    <div className={bodyClasses} style={style}>
      {children}
    </div>
  );
};

export default ModalSheetBody;
